﻿@{
    ViewBag.Title = "UserList";
    Layout = "~/Views/Shared/_AdminLayout.cshtml";
}
@using (Html.BeginForm("Dashboard", "Mockup", FormMethod.Post, new { @id = "frm" }))
{
    
    <div class="grid_12 widget first">
        <div class="widget_title clearfix">
            <h2>
                Thông tin hóa đơn</h2>
            <ul>
                <li><a href="#" class="btn large"><span>In hóa đơn</span></a></li>
            </ul>
        </div>
        <div class="widget_body">
            <table class="simple">
                <tr>
                    <td>
                        Ngày lập
                    </td>
                    <td>
                        <input type="text" class="datepicker" />
                    </td>
                </tr>
                <tr>
                    <td>
                        Tên Khách hàng
                    </td>
                    <td>
                        <input id="customername" class="large" type="text" title="Nhập Tên khách hàng" />
                    </td>
                </tr>
                <tr>
                    <td>
                        Số điện thoại
                    </td>
                    <td>
                        <input id="name" class="medium" type="text" title="Số điện thoại" />
                    </td>
                </tr>
                <tr>
                    <td>
                        Địa chỉ
                    </td>
                    <td>
                        <input id="address" class="large" type="text" title="Địa chỉ giao hàng" />
                    </td>
                </tr>
                <tr>
                    <td>
                        Nhân viên giao hàng
                    </td>
                    <td>
                        <select>
                            <option>---</option>
                            <option>A</option>
                            <option>B</option>
                            <option>C</option>
                        </select>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    
    <div class="grid_16 widget tabs first">
        <div class="widget_title clearfix">
            <h2>
                Chi tiết hóa đơn</h2>
        </div>
        <div class="widget_body">
            <div id="table1">
                <table class='dataTable'>
                    <thead>
                        <tr>
                            <td>
                                STT
                            </td>
                            <td class="align-left" style="width: 30px;">
                                Tên món ăn
                            </td>
                            <td class="align-left">
                                Giá bán
                            </td>
                            <td class="align-left">
                                Giảm giá (%)
                            </td>
                            <td>
                                Số lượng
                            </td>
                            <td>
                                Số lượng còn
                            </td>
                            <td>
                                Thành tiền
                            </td>
                            <td>
                                Thao tác
                            </td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                1
                            </td>
                            <td>
                                Cá lốc muối xà chiên
                            </td>
                            <td style="text-align: right;">
                                35.000
                            </td>
                            <td>
                                <input type="text" name="percent" class=":numbered :required" />
                            </td>
                            <td>
                                <input type="text" name="quantity" class=":numbered :required" />
                            </td>
                            <td>
                                20
                            </td>
                            <td>
                                50.000
                            </td>
                            <td>
                                <ul class="hor-list piped">
                                    <li><a href="#">Delete</a></li></ul>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                2
                            </td>
                            <td>
                                Trứng rán tôm tươi
                            </td>
                            <td style="text-align: right;">
                                35.000
                            </td>
                            <td>
                                <input type="text" name="percent" class=":numbered :required" />
                            </td>
                            <td>
                                <input type="text" name="quantity" class=":numbered :required" />
                            </td>
                            <td>
                                20
                            </td>
                            <td>
                                50.000
                            </td>
                            <td>
                                <ul class="hor-list piped">
                                    <li><a href="#">Delete</a></li></ul>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Thêm mới
                            </td>
                            <td>
                                Trứng rán tôm tươi
                            </td>
                            <td style="text-align: right;">
                                35.000
                            </td>
                            <td>
                                <input type="text" name="percent" class=":numbered :required" />
                            </td>
                            <td>
                                <input type="text" name="quantity" class=":numbered :required" />
                            </td>
                            <td>
                                20
                            </td>
                            <td>
                                50.000
                            </td>
                            <td>
                                <ul class="hor-list piped">
                                    <li><a href="#">Thêm</a></li></ul>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div class="clear">
                </div>
            </div>
        </div>
    </div>
}